<section>
  <fui-tree #treelazyLoad [dataSource]="dataLazySubject" [treeControl]="treeLazyControl">
    <fui-tree-node *fuiTreeNodeDef="let node; let l = level">
      <div class="fui-tree-node-content">
        <div
          fuiTreeNodeToggle
          [style.visibility]="hasChildren(node) ? 'visible' : 'hidden'"
          (click)="onChildToggle(l, node)"
        >
          <svg fuiIcon="caret-right" color="secondary" [class.expanded]="treeLazyControl.isExpanded(node)"></svg>
        </div>
        <fui-tree-select></fui-tree-select>
        {{node.name || node.workflowName}}
      </div>
      <div class="fui-tree-node-outlet" *ngIf="treeLazyControl.isExpanded(node)">
        <ng-container fuiTreeNodeOutlet></ng-container>
      </div>
    </fui-tree-node>
  </fui-tree>
</section>
